@extends('layouts.master3')
@section("title")
千里码-modulo
@endsection
@section("style")
<style>
    #piece .piece-item{
        padding:10px;
        border:1px solid #ddd;
        width:32%;
        display:inline-block;
        margin:10px 0 50px 1%;
        vertical-align: top;
    }
    #piece .piece-item.bor-red{
        border-color: #f00;
    }
    #piece .piece-item span{
        float: left;
        font-size: 20px;
        margin-right: 10px;
	}
	.warp{
		width:100%;
	}
</style>
@endsection
@section("content")
<div class="container">
    <div>
        <h3>想要mac吗</h3>
		当前第 <span id="nowLevel">1</span> 关,mod:<span id="mod">2</span>
        <br/>
        <input type="button" value="重玩本关" onclick="NextLevel(0)" style="margin:10px 0;">
        <br>
        <div id="msg">从右边选择一个碎片,然后点击左边地图中一个格子,这个格子代表选中碎片的左上角,碎片上的数字与地图上的数字会相加，不会大于mod,当地图都是0的时候即通关.</div>
        <input id="level" type="hidden" value="0">
        <!--<input type="button" value="游戏说明" onclick="DoHelp()">-->
        <input type="button" value="上一关" onclick="NextLevel(-1)">
        <input type="button" value="下一关" onclick="NextLevel(1)">

    </div>
    <div class="">
        <div style="float:left;margin-top:10px;max-width: 450px;overflow: auto;">
            <canvas id="canvas" width="700" height="500">提示：你的浏览器不支持canvas标签 </canvas>
        </div>

            <div id="piece" style="float: right;border:1px solid #ddd;width:725px;">
                <!--<div class="piece-item"><input type="radio" name="piece" /><span></span></div>-->
            </div>

    </div>


<img src="/img/iconfont-0.png" id="num0" style="display: none;" />
<img src="/img/iconfont-1.png" id="num1" style="display: none;" />
<img src="/img/iconfont-2.png" id="num2" style="display: none;" />
<img src="/img/iconfont-3.png" id="num3" style="display: none;" />
<img src="/img/iconfont-4.png" id="num4" style="display: none;" />
</div>
@endsection
@section('js')
<script src="/js/mapdata.js"></script>
<script src="/js/module.js"></script>
@endsection
